<template>
    <div id="root">
        <div id="corver-rootBgImg">
            <div id="root-one">
                <img src="/imgs/home/title03.png" id="root-img">
                <div id="font">
                    <p>名淘电商自成立以来已累计服务全国电商企业3128家，网店7681家，连续多年荣获阿里巴巴天猫金牌淘拍档运营商。</p>
                    <p>因此名淘积累的丰富的电商平台运营经验及技术人才，所有课程均经过实际网店项目运营考验，课程涵盖所有电商平台网店运营技能模块。</p>
                </div>
                <div id="course">
                    <div
                        v-for="(c,index) in course"
                        :key="index"
                        class="course"
                    >
                        <span class="font2">{{c.title}}</span>
                        <p class="content-p">{{c.content}}</p>
                        <span class="consult">点 击 咨 询</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
  export default {
    name:'',
    props:[''],
    data () {
        return {
            course:[
                {   
                    title:'淘宝平台运营技能课程',
                    content:'本分类课程涵盖淘宝平台从注册开店到高级店长运营技巧所有技能知识点及实操过程，适合各种基础的电商爱好者。'
                },
                {
                    title:'天猫平台运营技能课程',
                    content:'本分类课程涵盖天猫平台从企业店铺入驻到日常企业店铺运营的所有技能知识点击实操过程，适合各种基础学员及企业网店运营人员。'
                },
                {
                    title:'速卖通平台运营技能课程',
                    content:'本分类课程涵盖阿里跨境电商平台速卖通从企业店铺入驻到日常企业跨境店铺运营的所有技能知识点击实操过程，适合各种基础学员及跨境电商企业网店运营人员。'
                },
                {
                    title:'网店视觉设计课程',
                    content:'好的店铺都离不开好的设计或者好的视觉体验，目前主流电商人群对网店页面视觉体验的要求也越来越高，名淘电商专门开发了针对网店视觉体验的课程，适合各种基础的网店爱好者。'
                },
                {
                    title:'网店装修技能课程',
                    content:'本分类课程涵盖各类电商平台的前台界面装修及后台设置操作课程，适合各种基础的学员。'
                },
                {
                    title:'大学生专属网店技能课程',
                    content:'本分类课程主要针对刚刚走出大学校门的毕业生群体，很多大学生想进入电商企业工作，但发现对网店知识并不熟悉。本课程包含从零基础开店到日常网店运营的所有技能课程及实操，帮助大学生快速...'
                }
            ],
        };
    },

    components: {},

    computed: {},
    beforeMount() {},
    mounted() {},
    methods: {},
    watch: {}
  }
</script>

<style scoped>
#root{
    background-image: url(/imgs/home/bj1.png);
    background-size: 100% 100%;
    color: #ffffff;
}
#corver-rootBgImg{
    background-color: rgba(0,0, 0, 0.7);
}
#root-one{
    width: 1200px;
    height: 1232px;
    text-align: center;
    margin: 0 auto;
    padding-top: 95px;
}
#font{
    font-size: 19px;
    margin-top: 32px;
    margin-bottom: 70px;
}
#font p{
    margin: 10px 0;
}
#course{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.course{
    width: 385px;
    height: 385px;
    border:4px solid rgba(29,48,76,1);
    padding: 33px 26px;
    margin-top: 15px;
    margin-bottom: 40px;
    position: relative;
}
.course:hover{
   border:4px solid rgba(2,178,251,1);
}
.font2{
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 33px;
}
.content-p{
    line-height: 30px;
    text-align: left;
}
/* 点击咨询 */
.consult{
    display: inline-block;
    width: 260px;
    height: 52px;
    border-radius: 26px;
    line-height: 52px;
    background:rgba(29,48,76,1); 
    position: absolute;
    bottom: 33px;
    left: 50%;
    transform: translate(-50%,0);
}
.course:hover .consult{
    background-color: #02B2FB;
}
</style>